// 引入公共样式
@import '../../style/common.less';

// 登录
.login-container {
    width: 100%;
    height: 100%;
    // 背景图
    > .backImg {
        width: 100%;
        height: 100%;
    }
    // 登录界面
    .loginBox, .ant-spin-container {
        width: 500px;
        height: 550px;
        background: rgba(0, 0, 0, .4);
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        border-radius: 4px;
        padding: 20px;
        > .title {
            text-align: center;
            font-size: 46px;
            color: @cff;
            margin-bottom: 20px;
            padding-top: 30px;
        }
        > .text{
            text-align: center;
            font-size: 20px;
            margin-bottom: 35px;
            color: @cff;
            
            > span {
                display: inline-block;
                padding: 0 10px 0 10px;
            }
        }

        > input, button {
            display: block;
            border-radius: 4px;
            outline: 0;
            border: 0;
            width: 100% ;
            height: 45px;
            margin-bottom: 30px;
        }
        > button{
           background: #0980f7;
           margin-top: 30px;
           height: 45px;
           cursor: pointer;
           color: @cff;
           &:hover {
            background: #2491fd;
           }
        }
        .ant-spin-nested-loading {
            height: 100%;
        }
    }
}